@import 'mixin';
@import 'variable';
.clearfix,.city-picker-selector{*zoom:1}.clearfix:after,
.city-picker-selector:after{content:" ";display:table;height:0;clear:both}
.city-picker-selector .selector-item{
	border-radius: 3px;
	border:1px solid #e5e5e5;
	width:95px;height:24px;
	line-height:24px;
	float:left;
	margin-left:10px;
	position:relative;
	// @include arrowToggle(4px,-24px,-19px);
	&:after{
		-webkit-transition: $transition;
	}
}
.city-picker-selector .selector-item.on{
	border-radius: 5px 5px 0 0;
	&:after{
		-webkit-transition: $transition;
		-webkit-transform: rotate(-180deg) scale(0.8);
	    margin-top: -25px;
	}
}
.city-picker-selector .selector-item:first-child{margin-left:0}
.city-picker-selector .selector-name{
	width: 85px;
	color:#333;font-size:12px;
	display:block;text-indent:5px;
	text-overflow:ellipsis;overflow:hidden;
	white-space:nowrap
}
/*.city-picker-selector .selector-name:hover{border: 1px solid #ecf6fd;;}*/
.city-picker-selector .selector-name.df-color{color:#999}
.city-picker-selector .selector-name.forbid{cursor:default}
.city-picker-selector .selector-name.disabled{background-color:#eef1f6;cursor:not-allowed}
.city-picker-selector .selector-list{
	box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.05);
	background:#fff;
	min-width:95px;
	position:absolute;top:28px;
	left:-1px;z-index:1;
	transition-duration:400ms;
	transform:translateY(0);
	opacity:1;visibility:visible;
	border-radius:3px;
}
.city-picker-selector .selector-list.hide{transform:translateY(-2%);opacity:0;visibility:hidden}
.city-picker-selector ul{max-height:160px;overflow-x:hidden;overflow-y:auto}
.city-picker-selector li{
	color:#333;
	cursor:pointer;
	padding: 2px 16px;
	line-height: 25px;
	text-overflow:ellipsis;
	overflow:hidden;white-space:nowrap
}
.city-picker-selector li:first-child{border-top:none}
.city-picker-selector li.caller:hover{
	color: #108ee9;;
    background: #ecf6fd;
}

.city-picker-selector li.caller.active,.city-picker-selector li.caller.active:hover{
	background:#ecf6fd;;color:#108ee9
}
.city-picker-selector li.forbid{color:#999;font-size:14px;cursor:not-allowed}
.city-picker-selector .selector-search{
	border:1px solid #e5e5e5;border-top:none;
	background:#f8f8f8;font-size:0;padding:10px;
	height:28px;margin-left:-1px;margin-right:-1px
}
.city-picker-selector .input-search{
	border:1px solid #e5e5e5;border-radius:5px;color:#333;
	font-size:14px;width:100%;height:26px;
	line-height:26px\9;padding:0;text-indent:5px
}
.city-picker-selector .input-search:focus{outline:none}
